.book-page-content {
  display: flex;
  width: 100%;
  .left-menu {
    width: 23vw;
    background: #f4f4f4;
    .menu-parent {
      width: 100%;
      height: calc(100vh - 95px);
      overflow-x: hidden;
      overflow-y: scroll;
    }
    .menu {
      font-size: 0.8rem;
      display: block;
      color: #666;
      padding: 0.7rem 0.2rem 0.7rem 0.8rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      position: relative;
      &.active{
        background: #fff;
        color: #ff8c00;
        &::after {
          content: " ";
          width: 3px;
          height: 50%;
          position: absolute;
          background: #ff8c00;
          left: 0;
          top: 25%;
        }
      }
    }
  }
  .book-list {
    flex: 1;
    height: calc(100vh - 95px);
    overflow-x: hidden;
    overflow-y: scroll;
    .book {
      padding-left: 15px;
      width: 77vw;
      &:active{
        background: #f9f9f9;
      }
      .book-row {
        display: flex;
        padding: 10px 10px 10px 0;
        border-bottom: 1px #eee solid;
        .cover{
          width: 20vw;
          height: 27vw;
          overflow: hidden;
          box-shadow: 0 0 5px #ddd;
          img{
            float: left;
            width: 100%;
            height: 100%;
          }
        }
        .detail{
          flex: 1;
          overflow: hidden;
          padding: 0 0 0 10px;
          .name{
            font-weight: bold;
            font-size: 1rem;
            white-space: nowrap;
            line-height: 1.8;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .remark{
            height: 3.6rem;
            overflow: hidden;
            line-height: 1.5;
            font-size: 0.8rem;
            color: #999;
            text-align: justify;
          }
          .author{
            font-size: 0.8rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
        }
      }
    }
  }
}
